<template>
  <div class="home">
    <el-header height="80px" style="background: #f1f2f3">
      <div class="menu_box">
        <Menu />
      </div>
    </el-header>

    <el-main style="padding: 0">
      <!-- <keep-alive> -->
      <router-view v-if="isRouterShow" ref="child" class="child-view" />
      <!-- </keep-alive> -->
    </el-main>

    <el-footer style="display: none"> </el-footer>
    <el-backtop target=".home" :right="30" :bottom="60"></el-backtop>
  </div>
</template>

<script>
import Menu from "./menu/Menu.vue";

export default {
  name: "Home",
  components: {
    Menu
  },
  data() {
    return {
      isRouterShow: true
    };
  }
};
</script>

<style lang="scss" scoped>
.home {
  // padding: 32px;
  background-color: #fff;
  position: relative;
  height: 100%;
  width: 100%;
  overflow: auto;
}
.menu_box {
  height: 100%;
  // padding: 10px;
}
.top_box {
  width: 100%;
  height: 30vw;
  // background-color: blue;
  // background-image: url('../assets/images/index-top.png');
  // background-size: cover;
  // background-repeat: no-repeat;
}
.chart-wrapper {
  // background: #fff;
  background-color: #9999;
  padding: 16px 16px 0;
  margin-bottom: 32px;
}
</style>
